<template>
    <div class="container">
        <button @click="loading = !loading"  style="margin-bottom:16px;">切换</button>
        <BSkeleton :loading="loading" :rows="6" animated :configList="configList">
            <p>内容内容内容内容内容内容</p>
            <p>内容内容内容内容内容内容</p>
            <p>内容内容内容内容内容内容</p>
        </BSkeleton>
    </div>
</template>
<script setup lang="ts">
import { ref } from 'vue'

const loading = ref(true)
const configList = [
    {
        index: 0,
        style: {
            width:'30%'
        }
    },
    {
        index: 1,
        style: {
            width: '50%'
        }
    }
]
</script>

<style lang='less' scoped>
.container {}
</style>